<!--
 * @Date: 2023-03-20 09:28:55
 * @LastEditTime: 2023-03-21 10:55:28
 * @FilePath: /prepaid-refill/src/views/vipHome/components/linkMenu2.vue
 * 介绍:
-->
<script lang="ts" setup></script>

<template>
  <Ccard class="linkMenu2">
    <div class="gridVar--col" style="--col: 2">
      <div
        @click="$router.push({ name: 'market' })"
        class="linkMenu2_item active"
      >
        <Ricon size="1.5em" r-name="icon-jinrongye" />
        <div class="ml-xs">{{ $t("shi-zhi-da-ting") }}</div>
      </div>
      <div
        @click="$router.push({ name: 'team' })"
        class="linkMenu2_item active"
      >
        <Ricon size="1.5em" r-name="icon-wodetuandui2" />
        <div class="ml-xs">{{ $t("wo-de-tuan-dui") }}</div>
      </div>
      <div
        @click="$router.push({ name: 'incomeDetail' })"
        class="linkMenu2_item active"
      >
        <Ricon size="1.5em" r-name="icon-licaijilu" />
        <div class="ml-xs">{{ $t("shou-yi-ming-xi") }}</div>
      </div>
      <div class="linkMenu2_item active">
        <Ricon size="1.5em" r-name="icon-zhuanzhang" />
        <div class="ml-xs">{{ $t("zhuan-ru-zhuan-chu") }}</div>
      </div>
    </div>
  </Ccard>
</template>

<style lang="less" scoped>
.linkMenu2_item {
  width: 100%;
  color: var(--C-B2);
  border-radius: var(--R-sm);
  background-image: var(--C-LG1);
  min-height: 150rem;
  padding: 0 var(--gap-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}
</style>
